<?php
session_start();
include '../dbconnect.php';
 ?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TechNova - Our Services</title>
    <link rel="stylesheet" href="../css/styles.css">
</head>
<body>
    <div class="container">
        
        <!-- header.php -->
        <?php include '../common/header.php'; ?>
		
		<!-- -->
		<div class="module-content">
		    <div class="services">
		        <h1>Our Services</h1>
		        <div class="service-list">
		            <?php
		            $sql = "SELECT * FROM services where IS_DELETE = 0";
		            $result = $conn->query($sql);
		            if ($result->num_rows > 0) {
		                while ($row = $result->fetch_assoc()) {
		                    ?>
		                    <div class="service-item">
		                        <img src="<?php echo $row['SERVICE_PICTURE']; ?>" alt="<?php echo $row['SERVICE_NAME']; ?>">
		                        <div class="service-content">
		                            <h2><?php echo $row['SERVICE_NAME']; ?></h2>
		                            <p><?php echo $row['SERVICE_DESCRIPTION']; ?></p>
		                            <a href="6_appointment.php?service_id=<?php echo $row['SERVICE_ID']; ?>" class="button">Make an Appointment for Consultation</a>
		                        </div>
		                    </div>
		                    <?php
		                }
		            } else {
		                echo "<p>No services available.</p>";
		            }
		            ?>
		        </div>
		    </div>
		</div>
		
		<!-- 
			<div class="services">
			    <h1>Our Services</h1>
			    <div class="service-list">
			        <div class="service-item">
			            <img src="../images/ai.jpg" alt="Artificial Intelligence Solution">
			            <div class="service-content">
			                <h2>Artificial Intelligence Solution</h2>
			                <p>Inject intelligence into your business to improve efficiency and decision-making ability.</p>
			                <a href="6_appointment.php" class="button">Make an Appointment for Consultation</a>
			            </div>
			        </div>
			        
			        <div class="service-item">
			            <img src="../images/blockchain.jpg" alt="Blockchain Technology">
			            <div class="service-content">
			                <h2>Blockchain Technology</h2>
			                <p>Safe and transparent data management and transaction system.</p>
			                <a href="6_appointment.php" class="button">Make an Appointment for Consultation</a>
			            </div>
			        </div>
			        
			        <div class="service-item">
			            <img src="../images/iofthing.jpg" alt="Internet of Things Integration">
			            <div class="service-content">
			                <h2>Internet of Things Integration</h2>
			                <p>Connect your devices and intelligentize your life and work.</p>
			                <a href="6_appointment.php" class="button">Make an Appointment for Consultation</a>
			            </div>
			        </div>
			    </div>
			</div>
		
		-->
    </div>
    
    <!-- footer.php -->
    <?php include '../common/footer.php'; ?>
</body>
</html>